.m-homeremd {
    .remd_tl {
        position: relative;
        padding-left: 18rpx;
        margin-bottom: 28rpx;
        font-size: 34rpx;
        height: 40rpx;
        line-height: 40rpx;
    }

    .remd_songs {
        overflow: hidden;
        padding: 0 20rpx;
        .remd_ul {
            margin: 0 -4rpx;
            display: flex;
            flex-flow: row wrap;
            .remd_li {
                flex: 0 0 33.33%;
                padding: 0 4rpx;
                margin-bottom: 32rpx;
                .img-box {
                    padding-bottom: 100%;
                    height: 0;
                    overflow: hidden;
                    position: relative;
                    .remd_lnum {
                        position: absolute;
                        right: 10rpx;
                        top: 4rpx;
                        z-index: 3;
                        padding-left: 26rpx;
                        color: #fff;
                        font-size: 24rpx;
                        background-position: 0;
                        background-repeat: no-repeat;
                        background-size: 22rpx 20rpx;
                        text-shadow: 1px 0 0 rgba(0, 0, 0, 0.15);
                    }
                    .u-earp {
                        background-image: url();
                    }
                }
                .img-box:after {
                    content: " ";
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 40rpx;
                    z-index: 2;
                    background-image: -webkit-linear-gradient(
                        top,
                        rgba(0, 0, 0, 0.2),
                        rgba(0, 0, 0, 0)
                    );
                    background-image: linear-gradient(
                        180deg,
                        rgba(0, 0, 0, 0.2),
                        rgba(0, 0, 0, 0)
                    );
                }
                .remd_text {
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    padding-top: 12rpx;
                    min-height: 60rpx;
                    line-height: 1.2;
                    font-size: 26rpx;
                }
            }
        }
    }
}